<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>出差记录</title>
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <script src="/js/jquery-3.6.0.js"></script>
    <script src="/js/hr/wxw2.js"></script>
</head>
<style>
    #wxw {
        width: 98%;
        margin: 16px auto;
    }

    td {

        text-align: center;
    }

    tr th {

    }
    .zhuangtaidiv{
        width: 200px;
        margin: 0 auto;
    }
    .zhuangtai{
        width: 120px;
        float: left;
        margin-bottom: 5px;
        vertical-align: center;
    }
    .cqjx {
        margin-left: 20px;
        float: left;
    }
</style>
<body onload="chuchai()">

<table style="background-color: white ;height: 50px;margin: 12px auto;width: 98%">
    <tr>
        <td align="center" >
            <h2>[ 出差申请记录 ]</h2>
        </td>
        <td align="right" width="110">
            <button class="layui-btn layui-btn-sm layui-btn-warm" style="margin-right: 45px"><a href="/export/出差" style="color: white">&nbsp;导&nbsp;&nbsp;出&nbsp;</a>
            </button>
        </td>
    </tr>
</table>


<div class="zhuangtaidiv">
    <select class="layui-input zhuangtai">
        <option value="-100">请选择状态</option>
        <option value="-2">已取消</option>
        <option value="-1">拒绝</option>
        <option value="0">审核中</option>
        <option value="1">通过</option>
    </select>
    <button class="layui-btn layui-btn-sm cqjx" onclick="chuchai()">查询</button>
</div>
<div id="wxw">
    <table class="layui-table chucai-table">
        <tr>
        </tr>
        <tr>
            <th style="text-align: center;font-weight: bold">序号</th>
            <th style="text-align: center;font-weight: bold">出差人员</th>
            <th style="text-align: center;font-weight: bold">职位</th>
            <th style="text-align: center;font-weight: bold">开始时间</th>
            <th style="text-align: center;font-weight: bold">结束时间</th>
            <th style="text-align: center;font-weight: bold">交通工具</th>
            <th style="text-align: center;font-weight: bold">出差地点</th>
            <th style="text-align: center;font-weight: bold">工作任务</th>
            <th style="text-align: center;font-weight: bold">借款金额</th>
            <th style="text-align: center;font-weight: bold">审批人</th>
            <th style="text-align: center;font-weight: bold">申请状态</th>
            <th style="text-align: center;font-weight: bold" >操作</th>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    <center><h1 class="chuchaitishi"></h1></center>
    <h5 style="text-align: center;margin-top: 20px">
        <a href="javascript:void(0)" onclick="start2()" class="layui-btn layui-btn-sm">&nbsp;&nbsp;首&nbsp;页&nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;
        <a href="javascript:void(0)" onclick="prev2()" class="layui-btn layui-btn-sm">&nbsp;上一页&nbsp;</a>&nbsp;&nbsp;&nbsp;
        <span class="showPage2">第1页/共1页</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="javascript:void(0)" onclick="next2()" class="layui-btn layui-btn-sm">&nbsp;下一页&nbsp;</a>&nbsp;&nbsp;&nbsp;
        <a href="javascript:void(0)" onclick="end2()" class="layui-btn layui-btn-sm">&nbsp;&nbsp;尾&nbsp;页&nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    </h5>
</div>
</body>
<script>
    //抓取下拉框选中的值
    layui.use('form', function () {
        var form = layui.form;

        form.render();

    });
    //弹层设置
    layui.use("layer", function () {
        var layer = layui.layer;
    });


</script>
</html>